<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>管理员功能</title>
  <link rel="stylesheet" href="../css/manager-function.css">
  <script src="../js/manager-function.js"></script>
</head>

<body>
  <div class="container">
    <div class="tab-buttons">
      <button id="scrollToAllResumesBtn" class="tab-button active" data-tab-id="all-resumes">全部简历</button>
      <!-- <button id="scrollToChooseModuleBtn" class="tab-button" data-tab-id="unread-resumes">选择简历模块</button> -->
    </div>
  </div>

  <div id="all-resumes" class="tab-content active">
    <nav class="navbar">
      关键词搜索：
      <div class="searchBtn-container">
        <label for="college-keyword">学院：</label>
        <div class="input-box">
          <div class="search-bar">
            <input type="text" id="college-keyword" class="keyword" placeholder="请输入关键词">
            <button class="search-btn">
              <img src="../img/serch_icon.png" alt="">
              搜索
            </button>
          </div>
        </div>
      </div>
      <div class="searchBtn-container">
        <label for="major-keyword">专业：</label>
        <div class="input-box">
          <div class="search-bar">
            <input type="text" id="major-keyword" class="keyword" placeholder="请输入关键词">
            <button class="search-btn">
              <img src="../img/serch_icon.png" alt="">
              搜索
            </button>
          </div>
        </div>
      </div>
      <div class="searchBtn-container">
        <label for="name-keyword">姓名：</label>
        <div class="input-box">
          <div class="search-bar">
            <input type="text" id="name-keyword" class="keyword" placeholder="请输入关键词">
            <button class="search-btn">
              <img src="../img/serch_icon.png" alt="">
              搜索
            </button>
          </div>
        </div>
      </div>
    </nav>
    <div class="navbar">
      <button class="nav-button active" data-tab-id="all-resumes"
        onclick="showTab('all-resumes')">全部用户(按投递时间排序)</button>
      <button class="nav-button" data-tab-id="已投递" onclick="switchTab('已投递')">已投递</button>
      <button class="nav-button" data-tab-id="已查看" onclick="switchTab('已查看')">已查看</button>
      <button class="nav-button" data-tab-id="已通过" onclick="switchTab('已通过')">已通过</button>
      <button class="nav-button" data-tab-id="未通过" onclick="switchTab('未通过')">未通过</button>
      <span class="nav-right">
        <a href="#">建议反馈</a>
      </span>
    </div>

    <div class="content">
      <ul id="resumeList">

      </ul>
    </div>

    <footer>
      <div id="pagination"></div>
    </footer>
  </div>
</body>

</html>